<template>
  <svg viewBox="0 0 1200 700" xmlns="http://www.w3.org/2000/svg" class="house">
    <defs>
      <linearGradient id="g1" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stop-color="#eef2ff" />
        <stop offset="100%" stop-color="#f8fafc" />
      </linearGradient>
    </defs>
    <rect width="1200" height="700" fill="url(#g1)"/>
    <g transform="translate(150,120)">
      <rect x="180" y="180" width="540" height="320" rx="8" fill="#f6d8b5" stroke="#e9bf94" stroke-width="6"/>
      <rect x="260" y="140" width="380" height="100" rx="6" fill="#f2caa1" stroke="#e0b182" stroke-width="6"/>
      <rect x="330" y="260" width="80" height="100" rx="6" fill="#fff" stroke="#c8a07f"/>
      <rect x="520" y="260" width="80" height="100" rx="6" fill="#fff" stroke="#c8a07f"/>
      <rect x="440" y="330" width="80" height="170" rx="10" fill="#3b7a6b"/>
      <rect x="600" y="360" width="90" height="140" rx="10" fill="#2b675a"/>
      <rect x="200" y="360" width="120" height="40" fill="#e9b789"/>
      <rect x="740" y="360" width="120" height="40" fill="#e9b789"/>
    </g>
    <text x="600" y="660" text-anchor="middle" fill="#9aa1af" font-size="28">
      点击“更换背景”上传图片
    </text>
  </svg>
</template>

<script lang="ts" setup>
/* 占位组件，无逻辑 */
</script>

<style scoped>
.house { width: 100%; height: 100%; display: block; }
</style>
